<template>
  <div class="no-use">
    <div class="no-use-block">
      <img class="no-use-img" src="../../../assets/images/404.png" alt="404">
      <span class="no-use-word">该功能暂未开放，敬请期待...</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NoUse',
}
</script>

<style lang="less">
.no-use {
  height: calc(100% - 45px);
  position: relative;

  .no-use-block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%; -52%);
    width: 500px;
  }

  .no-use-img {
    width: 500px;
    height: 250px;
  }

  .no-use-word {
    font-size: 32px;
    color: #06a7ff;
  }
}
</style>